<template>
<div>
    <homeHeader :submenu="submenu" :active="active"/>
    <div class="bodyer">
        <div class="phone-buy">
            <div class="half-left"></div>
            <div class="half-right">
                <div class="advantage">
                    我们的手机投注平台面向全网玩家，线上存款，一键操作，全面支持苹果APP安卓APP、手机全部浏览器，移动技术领走在行业尖端，完整规划的跨系统平台，整合同步账号和资料传输，达到随时随地地不间断娱乐的享受概念！
              </div>
                <div class="qr">
                    <div class="left android">
                        <img src="https://066981.com/upload/default/20180918/3d94ca8ba637fc8a2891672d17257c8d.png" alt=""> <i>
                        <img src="https://066981.com/themes/simpleboot3/public/assets/static/images/android.png" alt=""></i></div>
                    <div class="left ios"><img src="https://066981.com/upload/default/20180918/3d94ca8ba637fc8a2891672d17257c8d.png" alt=""> <i><img src="/themes/simpleboot3/public/assets/static/images/ios.png" alt=""></i></div>
              </div>
                <p class="mb-v">
                    手机网页版：066981.com<a href="">&nbsp;&nbsp;</a></p>
                <p class="tip">
                    最佳显示建议IOS8.0以上系统使用内建浏览器，Android4.0以上系统使用Chrome<br>
                    浏览器。若当您无法顺利使用手机上网投注，请咨询公司7X12小时在线客服，谢谢！
              </p></div>
        </div>
    </div>
    <homeFooter />
</div>
    
</template>
<script>
import homeHeader from "@/components/home/header";
import homeFooter from "@/components/home/footer";
export default {
    name:"mobile",
    data(){
        return {
            submenu:true,
            active:"3"
        }
    },
    components:{
        homeHeader,
        homeFooter
    }
}
</script>
<style scoped>
img {
    width: 100%;
}
.phone-buy {
    height: 735px;
    background: #ebebeb;
    border-bottom: 15px solid #d7d3d2;
}
.phone-buy > div {
    height: 100%;
    width: 50%;
    float: left;
}
.phone-buy .half-left {
    background: url("https://066981.com/themes/simpleboot3/public/assets/static/images/half_left.png") no-repeat right;
}
.phone-buy .half-right {
    background: url("https://066981.com/themes/simpleboot3/public/assets/static/images/half_right.png") no-repeat left;
}
.phone-buy .advantage {
    color: #6e6e6e;
    font-size: 16px;
    margin-top: 230px;
    width: 576px;
    margin-left: 32px;
    line-height: 30px;
}
.phone-buy .qr {
    height: 143px;
    margin-left: 72px;
    margin-top: 84px;
}
.phone-buy .qr > div {
    width: 143px;
    height: 100%;
    background: #fff;
    padding: 5px;
    position: relative;
}
.phone-buy .qr .ios{
    margin-left: 150px;
}
.phone-buy .qr > div i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35px;
    padding: 2px;
    background: #fff;
    border-radius: 2px;
}
.phone-buy .mb-v{
    height: 40px;
    line-height: 40px;
    border: 1px solid #c3c3c3;
    text-align: center;
    width: 400px;
    margin: 35px 90px 0;
    border-radius: 3px;
}
.phone-buy .tip {
    color: #989899;
    font-size: 14px;
    line-height: 22px;
    margin-top: 30px;
    margin-left: 32px;
}
</style>
